<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<!DOCTYPE HTML>
<html lang="en-US">
<head>
	<meta charset="UTF-8">
	<title></title>
	<link rel="stylesheet" href="css/bootstrap.min.css" />
	<script type="text/javascript" src="js/jquery.js"></script>
	<script type="text/javascript" src="js/bootstrap-dropdown.js"></script>
	<style type="text/css">
		body{
			margin-top:50px;
		}
		.page-header{
			background-color:rgb(240, 245, 248);
		}
		
	</style>
	
</head>
<body>
	<div class="navbar navbar-fixed-top">
	  <div class="navbar-inner">
		<div class="container">
			<a class="brand" href="#">
			  <img src="img/red_cross.png" alt="" />&nbsp;药店管理系统
			</a>
			<ul class="nav">
			  <li ><a href="drugs.action">药品</a></li>
			  <li><a href="add_drugs_list.action">进货单</a></li>
			  <li><a href="drugs_go_list.action">出货单</a></li>
			  <li><a href="vendor_list.action">供货商</a></li>
			  <li class="active"><a href="client_list.action">客户</a></li>
			  <li class="dropdown" id="menutest1">
				<a class="dropdown-toggle" data-toggle="dropdown" href="#menutest1">
				  添加
				  <b class="caret"></b>
				</a>
				<ul class="dropdown-menu">
				 <li><a href="new_drug.action"><i class="icon-user"></i>&nbsp;药品</a></li>
				  <li><a href="new_drugs_list.action"><i class="icon-user"></i>&nbsp;进货单</a></li>
				  <li><a href="go_drugs_list.action"><i class="icon-user"></i>&nbsp;出货单</a></li>
				  <li class="divider"></li>
				  <li><a href="new_vendor.action"><i class="icon-home"></i>&nbsp;供货商</a></li>
				  <li><a href="new_client.action"><i class="icon-ok"></i>&nbsp;客户</a></li>
				</ul>
			  </li>
			  
			</ul>
			
			<ul class="nav pull-right" >
			  <li>
				<a href="#">名字</a>
			  </li>
			  <li class="dropdown" id="menutest2">
				<a class="dropdown-toggle" data-toggle="dropdown" href="#menutest2">
				  管理
				  <b class="caret"></b>
				</a>
				<ul class="dropdown-menu">
				  <li><a href="#"><i class="icon-user"></i>&nbsp;员工</a></li>
				  <li class="divider"></li>
				  <li><a href="#"><i class="icon-asterisk"></i>&nbsp;账号</a></li>
				</ul>
			  </li>
			  <li class="divider-vertical"></li>
			  <li><a href="#">退出</a></li>
			</ul>
			
		</div>
	  </div>
	</div>
	
	<div class="container">
		
			<div class="row">
				  
				   <div class="span3">
						<div class="page-header well">
							<ul class="nav nav-pills nav-stacked">
							  <li >
								<a href="#">药品</a>
							  </li>
							  <li><a href="#">进货单</a></li>
							  <li><a href="#">出货单</a></li>
							  <li><a href="#">供货商</a></li>
							  <li class="active"><a href="#">客户</a></li>
							</ul>
						</div>	
						
				  </div>
				  
				  <div class="span9">
					
						<div class="page-header well">
						  <h2><img src="img/client_list.png" alt="" />&nbsp;客户信息列表</h2>
						</div>	
						<div class="page-header well">
							<table class="table">
							  <tbody>
								<tr>
								  <td><a href="">客户名称</a></td>
								  <td><a href="">电话</a></td>
								  <td><a href="">地址</a></td>
								  <td><a href="">创建时间</a></td>
								</tr>
								
							  </tbody>
							</table>
						</div>	
						
				  </div>
				 
				</div>
			</div>
	
		</div>
		
	<script type="text/javascript">
		$(document).ready(function(){
			$("#new_task").click(function(){
				$('#myModal').modal({
					backdrop:true,
					keyboard:true,
					show:false
				});
			});
		});
		
	</script>
</body>
</html>